<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">
	
<p:dialog header="Detalhes do lançamento" widgetVar="dialogLancamentoDetalhes" modal="true"
	height="520" width="850" resizable="false" >
	
	<h:form id="lancamentoDetalhesForm">
	
		<h:inputHidden id="idTipoVinculo" value="#{manterLancamentosBean.lancamento.tipoVinculo.value}" />
		
		<script type="text/javascript">
			jQuery(function(){
				mostrarClienteVeiculo();
			});
			
			function mostrarClienteVeiculo(){
				var valor = jQuery('input[name*=idTipoVinculo]').val();
				jQuery('table[id*=tabelaCliente]').hide();
				jQuery('table[id*=tabelaVeiculo]').hide();
				if(valor == 'V'){
					jQuery('table[id*=tabelaVeiculo]').show();
				}else if(valor == 'C'){
					jQuery('table[id*=tabelaCliente]').show();
				}
			}
			
		</script>
	
		<p:panel id="panelLancamentoDetalhesModal" style="height:420px; overflow:auto;">
		
			
			<table cellspacing="10" width="100%">
				<tr>
					<td colspan="3">
						<h:outputLabel for="tipoLancamento" value="Tipo de lançamento:" />
						<br />
						<h:outputText id="tipoLancamento" label="Tipo de lançamento"
								value="#{manterLancamentosBean.lancamentoAux.tipo.label}">
						</h:outputText>
					</td>
				</tr>
				
				<tr>
					<td>
						<h:outputLabel for="dataLancamento" value="Data do lançamento:" />
						<br />
						<h:outputText id="dataLancamento" label="Data do lançamento" pattern="dd/MM/yyyy"
							value="#{manterLancamentosBean.lancamentoAux.dtLancamento}" />
					</td>
				</tr>
				<tr>
					<td>
						<h:outputLabel for="dataVencimento" value="Data do vencimento:" />
						<br />
						<h:outputText id="dataVencimento" label="Data do vencimento" pattern="dd/MM/yyyy"
							value="#{manterLancamentosBean.lancamentoAux.dtVencimento}" />
					</td>
				</tr>
				
			</table>
			
			<br />
		
			<p:dataTable id="listaItens" var="lancamentoItem" 
				widgetVar="lancamentosTable" style="padding-left:10px; padding-bottom:10px;"
				paginator="true" rows="10" paginatorPosition="bottom"
				value="#{manterLancamentosBean.lancamentoItemsAux}"
	            emptyMessage="Nenhum item cadastrado">
	            
	            <p:column style="width:40%;" 
		                headerText="Descrição" filterMatchMode="contains">
		            <h:outputText value="#{lancamentoItem.descricaoItem}" />
		        </p:column>
		        
		        <p:column style="width:15%;" 
		                headerText="Quantidade" filterMatchMode="contains">
		            <h:outputText value="#{lancamentoItem.quantidade}" />
		        </p:column>
		        
		        <p:column style="width:15%;" 
		                headerText="Valor" filterMatchMode="contains">
		            <h:outputText value="#{lancamentoItem.valor}" converter="moedaDoubleConverter" />
		        </p:column>
		        
	         	<p:column style="width:15%;" 
		                headerText="Valor Total" filterMatchMode="contains">
		            <h:outputText value="#{lancamentoItem.valorTotal}" converter="moedaDoubleConverter" />
		        </p:column>
		        
		    </p:dataTable>
		    <p align="right">
				 <h:outputLabel style="font-size:14px;" value="Total: " />
				 <h:outputText value="#{manterLancamentosBean.totalItensAux}" converter="moedaDoubleConverter" />
			</p>
			    
			<br />
			
			<table cellspacing="10" width="100%" id="tabelaCliente">
				<tr>
					<td>
						<h:outputLabel for="fornecedor" value="Fornecedor:" />
						<br />
						<h:outputText id="fornecedor" 
						 	value="#{manterLancamentosBean.lancamento.pessoa.nmPessoa}" /> 
					</td>
					<td>
						<h:outputLabel for="cpfFornecedor" value="CPF:" />
						<br />
						<h:outputText id="cpfFornecedor" 
							value="#{manterLancamentosBean.lancamento.pessoa.cpfCnpj}" />
					</td>
					<td>
						<h:outputLabel for="foneFornecedor" value="Fone:" />
						<br />
						<h:outputText id="foneFornecedor" 
							value="#{manterLancamentosBean.lancamento.pessoa.meioComunicacao.nrTelefone}" />
					</td>
					<td>
						<h:outputLabel for="celularFornecedor" value="Celular:" />
						<br />
						<h:outputText id="celularFornecedor" 
							value="#{manterLancamentosBean.lancamento.pessoa.meioComunicacao.nrCelular}" />
					</td>
				</tr>
			</table>
			
			<table cellspacing="10" width="100%" id="tabelaVeiculo">
				<tr>
					<td>
						<h:outputLabel for="placa" value="Placa:" />
						<br />
						<h:outputText id="placa" value="#{manterLancamentosBean.lancamentoAux.veiculo.nrPlaca}" /> 
					</td>
					<td>
						<h:outputLabel for="fabricante" value="Fabricante:" />
						<br />
						<h:outputText id="fabricante" 
							value="#{manterLancamentosBean.lancamentoAux.veiculo.fabricante.nmFabricante}" />
					</td>
					<td>
						<h:outputLabel for="modelo" value="Modelo:" />
						<br />
						<h:outputText id="modelo" 
							value="#{manterLancamentosBean.lancamentoAux.veiculo.modelo.nmModelo}" />
					</td>
				</tr>
				
				<tr>
					<td>
						<h:outputLabel for="anoFabricacao" value="Ano de fabricação:" />
						<br />
						<h:outputText id="anoFabricacao" 
							value="#{manterLancamentosBean.lancamentoAux.veiculo.anoFabricacao}" />
					</td>
					<td>
						<h:outputLabel for="anoModelo" value="Ano do modelo:" />
						<br />
						<h:outputText id="anoModelo" 
							value="#{manterLancamentosBean.lancamentoAux.veiculo.anoModelo}"  />
					</td>
					<td>
						<h:outputLabel for="cor" value="Cor:" />
						<br />
						<h:outputText id="cor" 
							value="#{manterLancamentosBean.lancamentoAux.veiculo.cor}"  />
					</td>
				</tr>
			</table>
				
			<br />
		
			<table cellspacing="10" width="100%">
				<tr>
					<td>
						<h:outputLabel for="categoria" value="Categoria:" />
						<br />
						<h:outputText id="categoria" label="Categoria" 
							value="#{manterLancamentosBean.lancamentoAux.categoria.nmCategoria}" >
						</h:outputText>
					</td>
				</tr>
				<tr>
					<td>
						<h:outputLabel for="conta" value="Conta:" />
						<br />
						<h:outputText id="conta" label="Conta" 
							value="#{manterLancamentosBean.lancamentoAux.conta.contaCompleto}" >
						</h:outputText>
					</td>
				</tr>
				<tr>
					<td>
						<h:outputLabel for="formaPagamento" value="Forma de pagamento:" />
						<br />
						<h:outputText id="formaPagamento" label="Forma de pagamento" 
							value="#{manterLancamentosBean.lancamentoAux.formaPagamento.descricao}" >
						</h:outputText>
					</td>
				</tr>
			</table>
							
		</p:panel>
			
		<br />
		<div align="right">
			<p:commandButton value="Fechar" onclick="dialogLancamentoDetalhes.hide();" type="button" />
		</div>

	</h:form>
		
</p:dialog>
	
</html>